<div class="loginContent">
	<div nz-row>
      <div nz-col nzSpan="12" nzOffset="6">
        <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
	      <nz-form-item>
	        <nz-form-control>
	          <nz-input-group [nzPrefix]="prefixUser">
	            <input type="text" nz-input formControlName="userName" placeholder="Username">
	          </nz-input-group>
	          <nz-form-explain *ngIf="validateForm.get('userName').dirty && validateForm.get('userName').errors">Please input your username!</nz-form-explain>
	        </nz-form-control>
	      </nz-form-item>
	      <nz-form-item>
	        <nz-form-control>
	          <nz-input-group [nzPrefix]="prefixLock">
	            <input type="password" nz-input formControlName="password" placeholder="Password">
	          </nz-input-group>
	          <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">Please input your Password!</nz-form-explain>
	        </nz-form-control>
	      </nz-form-item>
	      <nz-form-item>
	        <nz-form-control>
	          <label nz-checkbox formControlName="remember">
	            <span style="color: #C0C0C0">Remember me</span>
	          </label>
	          <a class="login-form-forgot" style="color:#0080C0">Forgot password</a>
	          <button nz-button class="login-form-button" [nzType]="'primary'">Log in</button>
	          <span  style="color: #C0C0C0">Or &nbsp;&nbsp;</span>
	          <a href="" style="color: #0080C0">register now!</a>
	        </nz-form-control>
	      </nz-form-item>
	    </form>
	    <ng-template #prefixUser><i nz-icon type="user"></i></ng-template>
	    <ng-template #prefixLock><i nz-icon type="lock"></i></ng-template>
      </div>
    </div>
</div>    